<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<link rel="stylesheet" href="./css/reset.css" />
	<link rel="stylesheet" href="./css/base.css" />
	<link rel="stylesheet" href="./css/header.css" />
	<link rel="stylesheet" href="./css/content.css" />
	<link rel="stylesheet" href="./css/footer.css">
</head>

<body>
	<header class="site-head">
		<nav class="topbar">
			<div class="center-wrap">
				<div class="logo tac">L O G O</div>
				<a href="#" class="settings"><img src="./images/icons/settings.png" alt="" /></a>
				<a href="#" class="bell"><img src="./images/icons/bell.png" alt="" /></a>
				<a href="#">
					<div class="sign-up tac">Log Out</div>
				</a>
			</div>
		</nav>
	</header>
	<div class="site-content">
		<div class="center-wrap">
			<div class="top">
				<div class="top-title">Audience Overview</div>
				<div class="top-text">Roseville, CA</div>
			</div>
			<div class="slip-nav">
				<nav class="clearfix">
					<a href="javascript:;" class="selected">DASHBOARD</a>
					<a href="javascript:;">PROJECT</a>
					<a href="javascript:;">CALENDAR</a>
					<a href="javascript:;">MAILBOX</a>
					<a href="javascript:;">SETTINGS</a>
					<div class="line"></div>
				</nav>
			</div>

			<div class="analytics">
				<div id="swiper" class="clearfix">
					<div class="swiper-content">
						<img src="https://via.placeholder.com/719x356.png" alt="">
						<img src="https://via.placeholder.com/719x356.png" alt="">
						<img src="https://via.placeholder.com/719x356.png" alt="">
						<img src="https://via.placeholder.com/719x356.png" alt="">
						<img src="https://via.placeholder.com/719x356.png" alt="">
					</div>
					<div class="page">
						<span class="indicator" data-index="0"></span>
						<span class="indicator" data-index="1"></span>
						<span class="indicator active" data-index="2"></span>
						<span class="indicator" data-index="3"></span>
						<span class="indicator" data-index="4"></span>
					</div>
					<div class="prev"><img src="./images/swiper/测试考核图片_03.jpg" alt=""></div>
					<div class="next"><img src="./images/swiper/测试考核图片_05.jpg" alt=""></div>
				</div>
			</div>
			<div class="support">
				<div class="top">
					<div class="title">Support Requests</div>
					<a href="#">View All</a>
				</div>
				<div class="line"></div>
				<div class="info">
					<div class="info-1">
						<div>TIME</div>
						<div>USER NAME</div>
						<div>STATUS</div>
					</div>
					<div class="info-2">
						<div>9:45pm</div>
						<div>info@design.com</div>
						<div id="solved">Solved</div>
					</div>
					<div class="info-2">
						<div>9:45pm</div>
						<div>info@design.com</div>
						<div id="solved">Solved</div>
					</div>

				</div>
			</div>
			<div class="graph">
				<div class="month-graph"></div>
				<div id="week-graph">
					<div class="week-graph"></div>
					<div class="week-graph-2"></div>
				</div>
			</div>


		</div>
	</div>
	</div>
	</div>

	<div class="site-footer">
			<div class="center-wrap">
				<div class="logo tac">L O G O</div>
				<div class="text"> 
					<div>NEWS</div>
					<div>CHANNELS</div>
					<div>OVERVIEW</div>
					<div>TIMELINE</div>
					<div>SPORT</div>
					<div class="active">CULTURE</div>
					<div>NATURE</div>
					<div>MUSIC</div>
					<div>WEATHER</div>
					<div>AUTOS</div>
					<div>LOCAL</div>
					<div>SHOP</div>
					<div>FUTURE</div>
					<div>FOOD</div>
					<div>EARTH</div>
					<div>TV</div>
					<div>TRAVEL</div>
					<div>RADIO</div>
				</div> 
			</div>
		</div>
	</div>
	<script src="./js/slip_nav.js"></script>
	<script src="./js/swiper.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="./js/network/axios.js"></script>
	<script src="https://cdn.jsdelivr.net/combine/npm/echarts@5.3.0,npm/echarts@5.3.0/dist/echarts.js"></script>
	<script src="./js/month_chart.js"></script>
	<script src="./js/week_chart.js"></script>

</body>

</html>